<template>
  <div class="course-layout">
    <slot name="header"></slot>
    <main class="course-page__body">
      <aside class="course-menu">
        <slot name="aside"></slot>
      </aside>
      <section class="course-content">
        <slot name="content"></slot>
      </section>
      <section class="course-note">
        <slot name="note"></slot>
      </section>
    </main>
  </div>
</template>
<script setup lang="ts">
import CommonHeader from '@/components/CommonHeader/index.vue';
</script>
<style lang="less" scoped>
.course-page {
  display: flex;
  flex-flow: column nowrap;
}

.course-page__body {
  flex: 1;
  display: flex;
}
</style>
